
<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
    
           
       <div style="text-align: center;">
        <h1>Productos sustitutos</h1>
    </div>              

       <p:carousel id="tblSustitutos" value="#{catalogoBean.itemCatalogo.producto.sustitutos}" var="s"
                   rendered="#{not empty catalogoBean.itemCatalogo.producto.sustitutos}" numVisible="4" >
       
       <div class="carrCont">
        
        <div class="carrFoto">
            <p:graphicImage style="width:120px; height:120px;"  value="#{aplicacionBean.parametro.pathImagenesProductos}#{s.productoSustituto.imgchi}.jpg" />
        </div>

        <div class="carrCod">
            <h:outputText value="#{s.productoSustituto.codigo}" />
            <br/>
            <h:outputText value="(#{s.productoSustituto.nroParte})" rendered="#{not empty s.productoSustituto.nroParte}"  />
        </div>

        <div class="carrDesc">
            <h:outputText value="#{s.productoSustituto.descrp}" />
        </div>

         <div class="carBot">
            
            <p:commandButton 
                id="btnSeleccionar"
                icon="btnMasInfoI" styleClass="btnMasInfo"
                action="#{catalogoBean.generarItemCatalogo(s.productoSustituto)}"
                process="@this"                
                update="@form"
                title="Seleccionar producto" >
            </p:commandButton>
            
         </div>
           
       </div>

    </p:carousel>   
    
</ui:composition>
